
<!doctype html>
<html>
<head>
    <meta charset="gbk">
    <title>首页 </title>
    <meta name="keywords" content="个人网站" />
    <meta name="description" content="个人网站" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/static/css/base.css" rel="stylesheet">
    <link href="/static/css/index.css" rel="stylesheet">
    <link href="/static/css/m.css" rel="stylesheet">
    <script src="/static/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery.easyfader.min.js"></script>
    <script src="/static/js/scrollReveal.js"></script>
    <script src="/static/js/common.js"></script>

</head>
<body>
<header>
    <!--menu begin-->
    <div class="menu">
        <nav class="nav" id="topnav">
            <h1 class="logo"><a href="{{url('index')}}">个人网站</a></h1>
            <li><a href="{{url('index')}}">网站首页</a></li>
            <li><a href="{{url('phplist')}}">PHP</a></li>
            <li><a href="{{url('sqllist')}}">SQL</a></li>
            <li><a href="{{url('about')}}">关于我</a></li>
            <div id="search_bar" class="search_bar">
                <form  id="searchform" action="{{url('index')}}" method="get" name="searchform">
                    <input class="input" placeholder="想搜点什么呢..." type="text" name="keyboard" id="keyboard">
                    <span class="search_ico"></span>
                </form>
            </div>
        </nav>

    </div>

</header>
<article>
    <!--banner begin-->
    <div class="picsbox">
        <div class="banner">
            <div id="banner" class="fader">
                <li class="slide" ><a href="/" target="_blank"><img src="/static/images/banner01.jpg"><span class="imginfo">努力学习......持续进步......!</span></a></li>
                {{--<li class="slide" ><a href="/" target="_blank"><img src="/static/images/banner02.jpg"><span class="imginfo">网页中图片属性固定宽度，如何用js改变大小</span></a></li>--}}
                <li class="slide" ><a href="/" target="_blank"><img src="/static/images/banner03.jpg"><span class="imginfo">个人博客，属于我的小世界！</span></a></li>
                <div class="fader_controls">
                    <div class="page prev" data-target="prev">&lsaquo;</div>
                    <div class="page next" data-target="next">&rsaquo;</div>
                    <ul class="pager_list">
                    </ul>
                </div>
            </div>
        </div>
        <!--banner end-->
        <div class="toppic">
            <li> <a href="{{url('index')}}" target="_blank"> <i><img src="/static/images/toppic01.jpg"></i>
                    <h2>努力学习......持续进步......!!</h2>
                    <span>网站首页</span> </a> </li>
            <li> <a href="{{url('about')}}" target="_blank"> <i><img src="/static/images/zd01.jpg"></i>
                    <h2>个人博客，属于我的小世界！</h2>
                    <span>关于我</span> </a> </li>
        </div>
    </div>
    <div class="blank"></div>
    <!--blogsbox begin-->
    <div class="blogsbox">
        @foreach($result as $item)
        <div class="blogs" data-scroll-reveal="enter bottom over 1s" >
            {{--<a href="{{url('admin/upload/detail')}}?id={{$v['case_uuid']}}--}}
            <h3 class="blogtitle"><a href="{{url('comment')}}?id={{$item['id']}}" target="_blank">{{$item['article_name']}}</a></h3>
            <span class="blogpic"><a href="/" title="">
                </a></span>
            <div class="bloginfo">
                <ul>
                    <li class="lmname"><a href="{{$item['content']}}">{{$item['article_category']}}</a></li>
                    {{--<li class="lmname"><a href="{{url('comment')}}">评论</a></li>--}}
                    <li class="timer">{{$item['add_time']}}</li>
                    <li class="view"><span>{{$item['read_num']}}</span>已阅读</li>
                    <li class="like" id="{{$item['id']}}">
                        {{--<img style="width: 15px;height: 15px;float: left;vertical-align: middle;margin-top: 2px;margin-right: 5px;" src="/static/images/actived_lick.png" alt="">--}}
                        <span>
                            {{$item['click']}}
                        </span>
                    </li>
                </ul>
            </div>
        </div>
        @endforeach
    </div>
    <!--blogsbox end-->
    <div class="sidebar">
        <div class="tuijian">
            <h2 class="hometitle">推荐文章</h2>
            <ul class="tjpic">
                <i><img src="https://ss0.baidu.com/73F1bjeh1BF3odCf/it/u=1351927680,1733422780&fm=85&s=8CA6E9135F5863C64CE1B5CE000050B3"></i>
                <p><a href="http://xiangw.top/article_detail/26">用nginx做反向代理和负载均衡</a></p>
            </ul>
            <ul class="sidenews">
                <li> <i><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4013168728,1454224904&fm=27&gp=0.jpg"></i>
                    <p><a href="https://imshusheng.com/php/131.html">phpstorm使用教程！</a></p>
                    <span>2018-05-13</span> </li>
                <li> <i><img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2624948864,2994610670&fm=27&gp=0.jpg"></i>
                    <p><a href="https://imshusheng.com/sql/77.htm">Redis操作命令</a></p>
                    <span>2018-05-13</span> </li>
            </ul>
        </div>
        <div class="tuijian">
            <h2 class="hometitle">点击排行</h2>
            <ul class="tjpic">
                <i><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1406360216,4085888949&fm=27&gp=0.jpg"></i>
                <p><a href="https://www.easywechat.com/docs/master">微信公众号</a></p>
            </ul>
            <ul class="sidenews">
                <li> <i><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=1709688838,2620870679&fm=58&bpow=2008&bpoh=1744"></i>
                    <p><a href="http://yun.itheima.com/">传智博客</a></p>
                    <span>2018-05-13</span> </li>
                <li> <i><img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=278743832,3927440098&fm=58&s=06E6DD16CCB109825DF431C601007031&bpow=121&bpoh=75"></i>
                    <p><a href="http://www.imooc.com/course/list?c=php">慕课网</a></p>
                    <span>2018-05-13</span> </li>
            </ul>
        </div>
        <div class="cloud">
            <h2 class="hometitle">标签云</h2>

            <ul>
                @foreach($list as $v)
                    <li>
                        <a href="{{$v['url']}}">{{$v['popular_tagname']}}</a>
                    </li>
                @endforeach
                {{--{{dd($v)}}--}}

            </ul>

        </div>
        <div class="links">
            <h2 class="hometitle">友情链接</h2>
            <ul>
                @foreach($res as $value)
                <li><a href="{{$value['links_url']}}" target="_blank">{{$value['links_name']}}]</a></li>
                @endforeach
            </ul>
        </div>
        <div class="guanzhu" id="follow-us">
            <h2 class="hometitle">关注我们 么么哒！</h2>
            <ul>
                {{--<li class="sina"><a href="/" target="_blank"><span>新浪微博</span>个人网站</a></li>--}}
                {{--<li class="tencent"><a href="/" target="_blank"><span>腾讯微博</span>个人网站</a></li>--}}
                {{--<li class="qq"><a href="/" target="_blank"><span>企鹅号</span>1076187973</a></li>--}}
                <li class="email"><a href="/" target="_blank"><span>邮箱帐号</span>1076187973@qq.com</a></li>
                <li class="wxgzh"><a href="/" target="_blank"><span>微信号</span>1076187973</a></li>
            </ul>
        </div>
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1076187973&site=qq&menu=yes">
            <img border="0" src="http://wpa.qq.com/pa?p=2:1076187973:51"
                 alt="点击这里给我发消息" title="点击这里给我发消息"/>
        </a>
    </div>
{!! $result->links() !!}
</article>
<footer>
    <p>Design by <a href="" target="_blank">个人博客</a> <a href="/">豫ICP备11002373号-1</a></p>
</footer>
<a href="#" class="cd-top">Top</a>
</body>
</html>
<script>
    // $('.like').on('click',function(){
    //     $(this).addClass('actived_like')
    //     console.log($(this))
    // })

    $('.like').on('click',function(){
        $(this).addClass('actived_like')
        // console.log($(this))
        var id = this.id;
//            console.log(id);
        $.get('{{url('click')}}',{id:id},function (e) {
           // console.log(e);
        });
    })






</script>